﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="CompareProducts.aspx.cs" Inherits="University.Workshop.WebApp.CompareProducts" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css" runat=server id=tdStyle>
        .tdStyle
        {
            color:Black;
            vertical-align:top; 
            background-color:#B5B5B5;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div>
        <asp:Button Text="<- Back to WatchList" ID="back" runat="server" 
            onclick="back_Click" />
        <div style='background-color: #4b6c9e; color: White;'>
            <h4 style='margin-top: 4px; font-size: large; color: White'>
                Compare Products
            </h4>
        </div>
    </div>
    <asp:MultiView ID="multiView" runat="server" ActiveViewIndex="0">
        <asp:View ID="ProductView" runat="server">
            <div style=' border-bottom: 2px gray solid;'>
                <table>
                    <tbody>
                        <tr>
                            <td style='width: 530px;'>
                            </td>
                            <td style=' text-align:left'>
                                <h3 id=ShowContent runat=server style=' margin-top:0px'>Showing
                                </h3>
                            </td>
                            <td>
                                <asp:Button runat=server ID=Prev4Button Text="<- Previous 4" 
                                    onclick="Prev4Button_Click" />
                            </td>
                            <td>
                                <asp:Button runat=server ID=Next4Button Text="Next 4 ->" 
                                    onclick="Next4Button_Click" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div style='margin: 4px; margin-bottom: 15px;'>
                <table>
                    <tbody>
                        <tr>
                            <td>
                                <asp:ScriptManager runat="server" ID="ScManager"></asp:ScriptManager>
                                <asp:Button runat="server" ID="btnRemoveAll" Text="Remove All" 
                                    onclick="btnRemoveAll_Click"/>
                                <asp:ConfirmButtonExtender runat="server" ID="ConfirmRemoveAll" TargetControlID="btnRemoveAll"
                                  ConfirmText="All your comparison list will be removed!. Continue?" ConfirmOnFormSubmit="False" />
                            </td>
                            <td style='text-align: right; width: 655px;'>
                                <b>Sort by:</b>
                            </td>
                            <td style='text-align: right;'>
                                <asp:DropDownList runat="server" ID="DrpDwnSort" AutoPostBack="True"
                                    OnSelectedIndexChanged="DrpDwnSort_SelectedIndexChanged">
                                    <asp:ListItem Value="1">Default: without order</asp:ListItem>
                                    <asp:ListItem Value="2">Time: newest posted</asp:ListItem>
                                    <asp:ListItem Value="3">Time: oldest posted</asp:ListItem>
                                    <asp:ListItem Value="4">Price: lowest first</asp:ListItem>
                                    <asp:ListItem Value="5">Price: highest first</asp:ListItem>
                                    <asp:ListItem Value="6">Seller: A-Z</asp:ListItem>
                                    <asp:ListItem Value="7">Seller: Z-A</asp:ListItem>
                                </asp:DropDownList>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div style=' margin-bottom: 25px;'>
                <table runat="server" id="productsTable" bgcolor="#DDDDDD" cellpadding="5" cellspacing="1"
                    style='border-collapse: separate; border-spacing: 1px;'>
                    <tbody>
                        <tr>
                            <td style='background-color: #DDDDDD; width: 160px;'>
                            </td>
                        </tr>
                        <tr>
                            <td class="tdStyle">
                                Product
                            </td>
                        </tr>
                        <tr>
                            <td class="tdStyle">
                                Post Date
                            </td>
                        </tr>
                        <tr>
                            <td class="tdStyle">
                                Status
                            </td>
                        </tr>
                        <tr>
                            <td class="tdStyle">
                                Seller
                            </td>
                        </tr>
                        <tr>
                            <td class="tdStyle">
                                Price
                            </td>
                        </tr>
                        <tr>
                            <td class="tdStyle">
                                Ships From
                            </td>
                        </tr>
                        <tr>
                            <td class="tdStyle">
                                Rating
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </asp:View>
        <asp:View ID="NoProductView" runat="server">
            <div style=' margin:25px; border-bottom: 2px gray solid; height:100px'>
                <p>You have no products at your comparison list.</p>
                <asp:LinkButton runat="server" ID="lnkBtnBack" PostBackUrl="WatchList.aspx" 
                    Text="Go back to Watch List?" onclick="lnkBtnBack_Click" ></asp:LinkButton>
            </div>
        </asp:View>
    </asp:MultiView>

</asp:Content>